.my_order-body{
  .liu {
    width: 1200px;
    height: 30px;
    margin: 50px auto 50px;
    .wen{
      float: left;
    }
    .wen span {
      font-size: 12px;
      display: block;
      color:#1a1a1a;
    }
    .tu{
      display: block;
      height: 30px;
      width: 30px;
      background: black;
      color: white;
      border-radius: 50%;
      text-align: center;
      float: left;
      margin-left:10px;
      margin-right: 10px;
      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
      -webkit-transform: translate3d(0, -2px, 0);
      transform: translate3d(0, -2px, 0);
      img{
        margin-top: 7px;
        margin-left: 5px;
      }
    }
  }
  .contern{
    width: 1200px;
    background: white;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 80px;
    height: 2457px;
    .left{
      height: 1187px;
      width: 270px;
      background: white;
      -webkit-box-shadow:11px 10px 24px -4px rgba(66, 67, 68, .5);
      -moz-box-shadow:1px 10px 24px -4px rgba(66, 67, 68, .5);
      box-shadow:1px 10px 24px -4px rgba(66, 67, 68, .5);
      padding: 24px;
      float: left;
      .img{
        width: 141px;
        height: 142px;
        margin:0 auto;
        background: url("../../img/kuang.png");
        padding-top: 15px;
        img{
          display: block;
          width: 110px;
          height: 110px;
          border-radius: 50%;
          margin: 0 auto;
        }
      }

      //昵称等级开始
      .ni{
        width: 100%;
        height: 30px;
        text-align: center;
        position: relative;
        span{
          font-size: 14px;
          color: #616161;
        }
        .vip1{
          margin-top: 10px;
          margin-left: 30%;
          width: 48px;
          height: 9px;
          text-align: right;
          background: url("../../img/hui.png");

        }
        .vip2{
          margin-top: 10px;
          margin-left: 30%;
          width: 48px;
          height: 9px;
          margin-top: -9px;
          background: url("../../img/hong.png");

        }
        .vip{
          font-size: 12px;
          position: absolute;
          top: 26px;
          left: 128px;
        }



      }
      //昵称等级结束
      //交易管理开始
      .jiaoyi{
        height: 650px;
        width: 220px;
        margin: 50px auto 0;
        dl{
          margin-top: 40px;
          dt{
            width: 100%;
            height: 37px;
            font-size: 16px;
            border-bottom: 3px dashed #ceb396;

          }
          .ji{
            height: 61px;
            background: url("../../img/tubiao.png") no-repeat 40px 26px;
            a{
              line-height: 17px;
              p{
                display: block;
                text-indent: 28px;
              }
              i{
                display: block;
                position: relative;
                top: -32px;
                left: 140px;
                width: 5px;
                height: 10px;
                background: url("../../img/hongjiantou.png");
              }

            }
          }




          dd{
            width: 100%;
            height: 52px;
            border-bottom: 2px dashed #e3d3c3;
            padding-top: 12px;
            padding-left: 35px;
            font-size: 14px;
            background: url("../../img/tubiao.png") no-repeat 40px 17px;
            cursor:pointer;
            a{
              display: block;
              width: 100%;
              height: 52px;
              line-height: 25px;
              cursor:pointer;

              span{
                display: inline-block;
                height: 18px;
                width: 12px;
                margin-right: 15px;

              }
            }
            a:hover{
              color: red;
            }

          }
        }
      }
      //交易管理结束

      //对联开始
      .lian{
        width: 53px;
        height: 125px;
        background: red;
        margin: 0 auto;
        font-size: 18px;
        line-height: 19px;
        background: url("../../img/zhang.png") no-repeat 10px 90px;
      }
      //对联结束
      //相对定位图开始
      .beijign{
        position: relative;
        top: -55px;
        left: -125px;
        width: 368px;
        height: 138px;
        background: url("../../img/tu.png") no-repeat 0px 0px;
      }
      //相对定位图结束
    }

    //右边部分开始
    .right{
      width: 884px;
      height: 1820px;
      float: right;
      table{
        border: none;
        tr{
          border: 1px solid #b18555;
          width:884px;
          //半圆定位开始
          .dingwei1{
            height: 27px;
            width: 14px;
            background: white;
            position: relative;
            border: 1px solid #b18555;
            border-left: none;
            top: 54px;
            left: -1px;
            border-radius: 0 21px 21px 0;
          }
          .dingwei2{
            height: 27px;
            width: 14px;
            background: white;
            position: relative;
            border: 1px solid #b18555;
            border-right: none;
            top: 93px;
            left: 139px;
            border-radius:21px 0  0 21px;
          }

          //半圆定位结束
          th{
            background: red;
            height: 50px;
            color: white;
            font-size: 20px;
            text-align: center;
            border: none;
          }
          td{
            height: 250px;
            text-align: center;
            border: none;


            img{
              margin-top: 0 auto;
              margin-top: -35px;
            }
            .wenzi{
              width: 250px;
              height: 63px;
              margin: 25px auto 0;
              p{
                line-height: 10px;
              }
              .wen1{
                color: #7e7e7e;
                font-size: 14px;
              }
              .wen2{
                color:black;
                font-size: 16px;
              }
              .wen3{
                color:#7e7e7e;
                font-size: 14px;
              }



            }
            .kuang{
              width: 134px;
              height: 42px;
              background: black;
              border-radius: 25px;
              margin: 22px auto 0;

              span{
                font-size: 16px;
                line-height: 42px;
                margin-right: 5px;
                margin-left: 5px;
                color: white;
              }
              .dian{
                display: inline-block;
                width: 4px;
                height: 4px;
                background: white;
                border-radius: 50%;
                margin-bottom: 3px;
              }
            }
          }
        }
        tr:last-child{
          td{
            .dingwei1{
              height: 17px;
              overflow: hidden;
              width: 14px;
              background: white;
              position: relative;
              border: 1px solid #b18555;
              border-left: none;
              top: 48px;
              left: -1px;
              border-radius: 0px 25px 0px 0px;
              border-bottom: none;
            }
            .dingwei2{
              height: 17px;
              overflow: hidden;
              width: 14px;
              background: white;
              position: relative;
              border: 1px solid #b18555;
              border-right: none;
              top: 85px;
              left: 139px;
              border-radius: 25px 0px 0px 0px;
              border-bottom: none;
            }


          }
        }
      }



    }
    //右边部分结束
    //分页开始
    .ye{
      width: 100%;
      height: 35px;
      float: left;
      margin-top:60px;
      ul{
        height: 35px;
        width: 350px;
        float: right;
        list-style: none;
        li{
          float: left;
          text-align: center;
          width: 35px;
          height: 35px;
          border-radius: 50%;
          margin: 0 8px;
          a{
            font-size: 26px;
          }
          a:hover{
            color: red;
          }
        }
        .yuan{
          width: 35px;
          height: 35px;
          background: #f01212;
          border-radius: 50%;
          -webkit-box-shadow:11px 10px 24px -4px rgba(66, 67, 68, .5);
          -moz-box-shadow:1px 10px 24px -4px rgba(66, 67, 68, .5);
          box-shadow:1px 10px 24px -4px rgba(66, 67, 68, .5);

          a{
            display: block;
            width: 35px;
            height: 35px;
            text-align: center;
            color: white;
          }
          a:hover{
            color:red;
          }
        }
        .jian1{
          a{
            display: block;
            width: 35px;
            height: 35px;
            background: url("../../img/heizuo.png") no-repeat 9px 7px;
          }
        }
        .jian2{
          a{
            display: block;
            width: 35px;
            height: 35px;
            background: url("../../img/heiyou.png") no-repeat 9px 7px;
          }
        }
      }
    }






    //分页结束
  //推荐开始
    .tuijian{
      width:100%;
      height: 430px;
      float: left;
      .jiantu{
        width: 100%;
        height: 81px;
        background: url("../img/tujian.png") no-repeat;
        margin-bottom: 44px;
      }
    //  推荐内容开始
      .jianrong{
        width: 100%;
        height: 227px;
        ul{
          margin-left: -40px;
          li{
            height: 227px;
            width: 290px;
            list-style: none;
            float: left;
            margin: 0 5px;
            img{
              display: block;
              width: 290px;
              height: 182px;
              margin-bottom: 5px;
            }

            .wei{
              position: relative;
              top:-187px;
              left: 0px;
              width: 290px;
              height: 182px;
              background: red;
              opacity: 0.7;
              padding-top: 55px;
              display: none;
              .kun{
                width: 90px;
                height: 80px;
                border: 1px solid white;
                margin: 0px auto 0;
                padding-top: 15px;
                p{
                  text-align: center;
                  color: white;
                }
                .nei1{
                  font-size: 27px;

                }
                .nei2{
                  font-size: 12px;
                }
                .nei3{
                  font-size: 14px;
                }
              }
              .hengleft{
                position: absolute;
                top: 95px;
                left: 70px;
                width: 30px;
                height: 2px;
                background: white;
              }
              .hengright{
                position: relative;
                top: -40px;
                left: 188px;
                width: 30px;
                height: 2px;
                background: white;
              }
            }




            .title1{
              position: relative;
              top:0px;
              left: 0px;
              width: 100%;
              height: 35px;
              color: black;
              //margin-top: -177px;
            }

            p{
              font-size: 14px;
              line-height: 10px;
            }
          }

          li:hover .wei{
            display: block;
          }
          li:hover .title1 {
            position: relative;
            top: -182px;
            left: 0px;
            width: 100%;
            height: 35px;
            color: black;
          }
        }
      }
    //  推荐内容结束
    }






  //推荐结束







  }


}